<img src="./position.png" class="city-box-icon">
<div id="city-box-name">{{=it.city}}</div>
<div class="city-box-down"></div>

<div id="city-box" tabindex="1" style="display:none">
    <div id="title">
        <span id="city-show">当前展示：{{=it.city}}</span>
        <span id="close">X</span>
    </div>
    <div id="hot-city">
        {{~it.hotCities :value:index}}
        <span code="{{=value.code}}" lon="{{=value.lon}}" lat="{{=value.lat}}">{{=value.cname}}</span>
        {{~}}
    </div>
    <!--控制区域-->
    <div id="control-area">
        <span id="rankP" class="">按省份</span>
        <span id="rankC" class="my-active">按城市</span>
        <input type="text" id="specialInput">
        <span id="search-button">搜索</span>
        <div id="promote" style="display:none">
            {{~it.promotes :value:index}}
            <div code="{{=value1.code}}" lon="{{=value.lon}}" lat="{{=value.lat}}">{{=value.cname}}</div>
            {{~}}
        </div>
    </div>
    <!--所有城市区域-->
    <div id="full-city-area">
        {{~it.fullPosC :value:index}}
        <div class="full-city-c-container">
            <span class="pos-header">{{=value.head}}</span>
            <span class="pos-content">
                {{~value.list :value1:index1}}
                <span code="{{=value1.code}}" lon="{{=value1.lon}}" lat="{{=value1.lat}}">{{=value1.cname}}</span>
                {{~}}
            </span>
        </div>
        {{~}}
        {{~it._extractProvince :value:index}}
        <div class="full-city-p-container" style="display:none">
            <span class="pos-header-p">{{=value.cname}}</span>
            <span class="pos-content">
                {{~value.list :value1:index1}}
                <span code="{{=value1.code}}" lon="{{=value1.lon}}" lat="{{=value1.lat}}">{{=value1.cname}}</span>
                {{~}}
            </span>
        </div>
        {{~}}
    </div>
</div>
